/*  update information  */

@-webkit-keyframes showUpdate {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}
@keyframes showUpdate {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}
@-webkit-keyframes hideUpdate {
    0% {
        top: 0%;
    }
    100% {
        top: -100%;
    }
}
@keyframes hideUpdate {
    0% {
        top: 0%;
    }
    100% {
        top: -100%;
    }
}
#update {
    z-index: 999;
    position: absolute;
    top: -400%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    &.hide {
        animation: hideUpdate 0.4s ease-out;
        -webkit-animation: hideUpdate 0.4s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }
    &.show {
        animation: showUpdate 0.4s ease-out;
        -webkit-animation: showUpdate 0.4s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }
    .noNoticeBtn {
        float: right;
        margin-bottom: 20px;
        margin-right: 10px;
    }
    #updatePane {

        padding-top: 10px;
    }
    h1 {
        margin: 0;
        padding-top: 10px;
        font-family: "helvetica";
        color: #fff;
        font-size: 22px;
        font-weight: 100;
        text-align: left;
        padding-left: 55px;
        padding-bottom: 10px;
        font-weight: 900;
    }
    #list2 ul {
        margin-top: 0;
        list-style: none;
    }
    #list2 ul li p {
        padding: 12px;
        font-style: normal;
        font-family: "microsoft yahei";
        font-size: 16px;
        color: #fff;
        font-weight: 100;
        margin: 0;
        letter-spacing: 2px;
        /*border-left: 1px solid #999;*/
    }
    #list2 ul li p i {
        font-style: normal;
        color: #3AF1CD;
        display: block;
        font-size: 20px;
        font-family: "microsoft yahei";
        margin-bottom: 15px;
        font-weight: 900;
        letter-spacing: 1px;
    }
}
